// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
//头像选择弹窗
.headChoice{
    .action-sheet-group{
        .action-sheet-title{
            text-align: center;
            padding: 0px;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            color: #000;
            // background: #fefef9;
            // border-bottom: 1px solid #fefef9;
        }
        .disable-hover{
            // min-height: auto;
            height: 70px;
            line-height: 70px;
            font-size: 16px;
            color: #000;
            background: #fff;
            position: relative;
            .button-inner{
                justify-content: flex-start;
                position: relative;
                .icon {
                    position: absolute;
                    right: 0px;
                    padding-right: 0px;
                }
            }
        }
        .action-sheet-cancel{
            background: #fefef9;
            height: 50px;
            .button-inner{
                justify-content: center;
                font-weight: normal;
            }
        }
    }
}

//项目分类列表弹窗
.projectList{
    .alert-wrapper{
        border-radius: 3px;
        background: #fff;
        .alert-title{
            font-weight: normal;
        }
        .button-inner{
            position: relative;
            padding:0 10px;
            .alert-checkbox-icon{
                // position: absolute;
                float: right;
                top: 50%;
                right: 0px;
                margin-top: -11px;
                margin-right: 10px;
                border-radius: 0;
            }
            .alert-checkbox-label{
                padding-left: 0;
                border-bottom: 1px solid #dcdcdc;
            }
        }
        .alert-tappable:last-child .alert-checkbox-label{
            border-bottom:0;
        }
        .button-inner{
            color: #8c8c8c;
        }
        .alert-button:last-child{
            font-weight: normal;
            span{
                color: #3a71dc;
            }
        }
    }
}